:root {
  --color-text: var(--van-text-color, #323233);
  --color-background-2: #fafafa;
  --color-block-background: #ffffff;
  --color-border: var(--van-border-color, #ebedf0);
  // pc
  --color-header-background: #397ef0;
  --color-header-background-1: #22588d;
  --color-header-text: #ffffff;
  --color-header-text-secondary: #9DC4F7;
  --color-header-text-active: #ffffff;
  --color-main-background: #f9fafe;
  --color-main-background-secondary: #ffffff;
  --color-main-text: #a7a09a;
  --color-main-text-secondary: #000000;
}

html.dark {
  --color-text: var(--van-text-color, #f5f5f5);
  --color-background-2: var(--van-background-2, #1c1c1e);
  --color-block-background: var(--van-border-color, #3a3a3c);
  --color-border: var(--van-border-color, #3a3a3c);
  // pc
  --color-header-background: #397ef0;
  --color-header-background-1: #22588d;
  --color-header-text: #ffffff;
  --color-header-text-secondary: #9DC4F7;
  --color-header-text-active: #ffffff;
  --color-main-background: #f9fafe;
  --color-main-background-secondary: #ffffff;
  --color-main-text: #a7a09a;
  --color-main-text-secondary: #000000;
}
